//该文件用于创建Vuex中最为核心的store

//引入Vuex
import Vuex from 'vuex'
import Vue from "vue";

Vue.use(Vuex)

//准备actions--用于响应组件中的动作
const actions = {
    // jia(context,value){
    //     console.log("actions中的jia被调用了")
    //     context.commit('JIA',value)
    // },
    // jian(context,value){
    //     console.log("actions中的jian被调用了")
    //     context.commit('JIAN',value)
    // }
    jiaOdd(context,value){
        if(context.state.sum % 2){
            console.log("actions中的jia被调用了")
            context.commit('JIA',value)
        }
    },
    jiaWait(context,value){
        setTimeout(()=>{
            console.log("actions中的jia被调用了")
            context.commit('JIA',value)
        },500)
    }

}
//准备mutations--用于操作数据（state）
const mutations = {
    JIA(state,value){
        console.log("mutations中的JIA被调用了")
        state.sum += value
    },
    JIAN(state,value){
        console.log("mutations中的JIAN被调用了")
        state.sum -= value
    }

}
//准备store--用于存储数据
const state = {
    sum:3, //当前的和
}

//准备getters--用于将state中的数据进行加工
const getters = {
    bigSum(state){
        return state.sum * 10
    }
}

//创建并暴露store
export default new Vuex.Store({
    actions,
    mutations,
    state,
    getters
})

// //导出store
// export default  store
